﻿$(function() {
	pageInitModule.setWidth();
	pageInitModule.setSidebar();
	// pageInitModule.setCarousel();
})
$(window).resize(function() {
	pageInitModule.setWidth();
})
$(window).scroll(function() {
	pageInitModule.setScrollToTop();
});

/*
 * init page when page load
 */
var pageInitModule = (function(mod) {
	mod.setCarousel = function() {
		try {
			$('.carousel').hammer().on('swipeleft', function() {
				$(this).carousel('next');
			});
			$('.carousel').hammer().on('swiperight', function() {
				$(this).carousel('prev');
			});
		} catch (e) {
			console
					.log("you mush import hammer.js and jquery.hammer.js to let the carousel can be touched on mobile");
		}
	};
	mod.setWidth = function() {
		if ($(window).width() < 768) {
			$(".sidebar").css({
				left : -220
			});
			$(".all").css({
				marginLeft : 0
			});
		} else {
			$(".sidebar").css({
				left : 0
			});
			$(".all").css({
				marginLeft : 220
			});
		}
	};
	mod.setScrollToTop = function() {
		var top = $(window).scrollTop();
		if (top < 60) {
			$('#goTop').hide();
		} else {
			$('#goTop').show();
		}
	};
	mod.setSidebar = function() {
		$('[data-target="sidebar"]').click(function() {
			var asideleft = $(".sidebar").offset().left;
			if (asideleft == 0) {
				$(".sidebar").animate({
					left : -220
				});
				$(".all").animate({
					marginLeft : 0
				});
			} else {
				$(".sidebar").animate({
					left : 0
				});
				$(".all").animate({
					marginLeft : 220
				});
			}
		});
		$(".has-sub>a").click(function() {
			$(this).parent().siblings().find(".sub-menu").slideUp();
			$(this).parent().find(".sub-menu").slideToggle();
			$(".has-sub").removeClass("active");
			$(this).parent().addClass("active");
		})

		$(".sidebar a.sub").click(function() {
			$(".sidebar a.sub").parent().removeClass("active");
			$(this).parent().addClass("active");
			$(this).find("span.badge").text("0");
			$(this).find("span.badge").hide();
		})

		$(".sidebar a.sub").each(function(i, v) {
			if (i == 0) {
				$(this).parent().addClass("active");
				$(this).parent().parent().show();
				$(this).parent().parent().parent().addClass("active");
				var href =$(this).attr("href");
				$("#mainIframe").attr("src", href);
			}
		});
	}
	return mod;
})(window.pageInitModule || {});
